<script setup>
import '@/util/baseStyle.css'

/**
 *   background-image: url("src/static/imgwallhaven-6dpez7.jpg");
 */
</script>

<template>
  <div class="main-box">
    <div class="bs-left-box left-box">
      <router-view v-slot="{ Component }">
        <transition name="el-fade-in-linear" mode="out-in">
          <component :is="Component" style="height: 100%;"/>
        </transition>
      </router-view>
    </div>
  </div>
</template>

<style scoped>
.main-box{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-image: url('src/static/img/wallhaven-6dpez7.jpg');
  display: flex;
}

.left-box{
  background-color: #fff;
}
</style>
